<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片测试</title>
    <style>

        .imgs img{
            width: 550px;
            height: 400px;
        }
    </style>
</head>
<body>
<div class="img_content">
    <form method="post" action="/test/create_img/">
        {% csrf_token %}
        <div class="data" style="width: 850px;height: 500px">
            <table border="1" cellspacing="0" cellpadding="0" width="800px" height="200px" class="data_detail1">
                <caption>探索性数据预览</caption>
                <tr>
                    <td>列名</td>
                    {% for key,value in miss_data.items %}
                        <td>{{ key }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <td>是否缺失</td>
                    {% for key,value in miss_is_or_not.items %}
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <td>缺失数量</td>
                    {% for key,value in miss_data.items %}
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <td>缺失比例</td>
                    {% for key,value in miss_ratios.items %}
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <td>平均值</td>
                    {% for key,value in means.items %}
                        <td>{{ key }}</td>
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <td>方差</td>
                    {% for key,value in vars.items %}
                        <td>{{ key }}</td>
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <td>标准差</td>
                    {% for key,value in stds.items %}
                        <td>{{ key }}</td>
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
            <tr>
                    <td>最大值</td>
                    {% for key,value in maxs.items %}
                        <td>{{ key }}</td>
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
            <tr>
                    <td>最小值</td>
                    {% for key,value in mins.items %}
                        <td>{{ key }}</td>
                        <td>{{ value }}</td>
                    {% endfor %}
                </tr>
                <tr>
                    <td>缺失行</td>
                    <td>{{ miss_rows }}</td>
                    <td>缺失率</td>
                    <td>{{ miss_ratio }}</td>
                </tr>
            </table>
            {{ shapes }}
            {{ infos }}
            {{ describes }}
            {{ miss_values }}
        </div>
        <input type="text" name="vars" placeholder="请输入数据集变量">
        <select name="miss_values">
            <option selected="selected">选择图表类型</option>
            <option value="mean">箱型图</option>
            <option value="median">直方图</option>
            <option value="mode">小提琴图</option>
            <option value="var">变量关系图</option>
            <option value="var1">变量关系图1</option>
            <option value="relativity">数据相关性探查</option>
        </select>
        <input type="submit" value="创建图表">
    <div class="imgs" style="width: 500px;width: 600px;">
        <img src="{{ src }}">
    </div>


    </form>
</div>
</body>
</html>